// src/App.jsx
import { BrowserRouter as Router, Route, Routes, Link } from "react-router-dom";
import Home from "../pages/receptionPages/home/home";
import Product from "../pages/receptionPages/product/product";

function App() {
  return (
    <Router>
      <div>
        {/* 主导航栏 */}
        <nav>
          <ul className="tab">
            <li>
              <Link to="/home">首页</Link>
            </li>
            <li>
              <Link to="/product">关于</Link>
            </li>
          </ul>
        </nav>
        {/* 路由配置 */}
        <Routes>
          <Route path="home" element={<Home />}>
            {/* 二级路由配置 */}
            {/* <Route path="section1" element={<Section1 />} />
            <Route path="section2" element={<Section2 />} /> */}
          </Route>
          <Route path="product" element={<Product />} />
        </Routes>
      </div>
    </Router>
  );
}
 
export default App;
